<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
	request.setCharacterEncoding("UTF-8");
	String cp = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<link href="<%=cp%>/data/css/style.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/flight/SpryAssets/common.css" rel="stylesheet" type="text/css"/>
<link href="<%=cp%>/flight/SpryAssets/jquery-ui.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="<%=cp%>/data/js/jquery-1.8.2.min.js"></script>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
 $(document).ready(function() {

  //******************************************************************************
  // 상세검색 달력 스크립트
  //******************************************************************************
  var clareCalendar = {
   monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
   dayNamesMin: ['일','월','화','수','목','금','토'],
   weekHeader: 'Wk',
   dateFormat: 'yymmdd', //형식(20120303)
   autoSize: false, //오토리사이즈(body등 상위태그의 설정에 따른다)
   changeMonth: true, //월변경가능
   changeYear: true, //년변경가능
   showMonthAfterYear: true, //년 뒤에 월 표시
   buttonImageOnly: true, //이미지표시
   buttonText: '달력선택', //버튼 텍스트 표시
   buttonImage: './photo/cal.jpg', //이미지주소
   showOn: "both", //엘리먼트와 이미지 동시 사용(both,button)
   yearRange: '1990:2020' //1990년부터 2020년까지
  };
  $("#fromDt").datepicker(clareCalendar);
  $("#toDt").datepicker(clareCalendar);
  $("img.ui-datepicker-trigger").attr("style","margin-left:5px; vertical-align:middle; cursor:pointer;"); //이미지버튼 style적용
  $("#ui-datepicker-div").hide(); //자동으로 생성되는 div객체 숨김  
 });

</script>
<script type="text/javascript">
	function MM_preloadImages() { //v3.0
		var d = document;
		if (d.images) {
			if (!d.MM_p)
				d.MM_p = new Array();
			var i, j = d.MM_p.length, a = MM_preloadImages.arguments;
			for (i = 0; i < a.length; i++)
				if (a[i].indexOf("#") != 0) {
					d.MM_p[j] = new Image;
					d.MM_p[j++].src = a[i];
				}
		}
	}
	function MM_swapImgRestore() { //v3.0
		var i, x, a = document.MM_sr;
		for (i = 0; a && i < a.length && (x = a[i]) && x.oSrc; i++)
			x.src = x.oSrc;
	}
	function MM_findObj(n, d) { //v4.01
		var p, i, x;
		if (!d)
			d = document;
		if ((p = n.indexOf("?")) > 0 && parent.frames.length) {
			d = parent.frames[n.substring(p + 1)].document;
			n = n.substring(0, p);
		}
		if (!(x = d[n]) && d.all)
			x = d.all[n];
		for (i = 0; !x && i < d.forms.length; i++)
			x = d.forms[i][n];
		for (i = 0; !x && d.layers && i < d.layers.length; i++)
			x = MM_findObj(n, d.layers[i].document);
		if (!x && d.getElementById)
			x = d.getElementById(n);
		return x;
	}

	function MM_swapImage() { //v3.0
		var i, j = 0, x, a = MM_swapImage.arguments;
		document.MM_sr = new Array;
		for (i = 0; i < (a.length - 2); i += 3)
			if ((x = MM_findObj(a[i])) != null) {
				document.MM_sr[j++] = x;
				if (!x.oSrc)
					x.oSrc = x.src;
				x.src = a[i + 2];
			}
	}
</script>


<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css">
</head>
<body onLoad="MM_preloadImages('photo/menu_4.jpg','photo/menu_5.jpg','photo/menu_6.jpg','photo/tabList/asia1.png','photo/tabList/japan1.png','photo/tabList/china1.png','photo/tabList/ur1.png','photo/tabList/canada1.png','photo/tabList/dy1.png')">
<div id="body_div">
  <table width="899" border="0">
    <tr>
      <td width="215" height="94">
          <div align="center"><img src="photo/main.jpg" width="160" height="45"></div>
      </td>
      <td width="668" rowspan="2">
      <table width="487" height="274" border="0" background="photo/back_4.jpg">
          <tr>
            <td width="1" height="43">&nbsp;</td>
            <td width="91">&nbsp;</td>
            <td width="45">&nbsp;</td>
            <td width="70">&nbsp;</td>
            <td width="18">&nbsp;</td>
            <td colspan="2">&nbsp;</td>
            <td width="3">&nbsp;</td>
          </tr>
          <tr>
            <td height="37">&nbsp;</td>
            <td colspan="6">
              <input type="radio" name="route" id="radio" value="왕복">
              <font style="font-weight: normal;">왕복</font>
              <input name="route" type="radio" id="radio2" value="편도" checked>
              <font style="font-weight: normal;">편도</font>
              <input type="radio" name="route" id="radio3" value="다른여정">
              <font style="font-weight: normal;">출/귀국 다른여정 (예:인천-런던,파리-인천)</font>
             <div align="center">
             	 <img src="photo/line.jpg" alt="" width="440" height="5" align="middle"></div>
            </td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td height="24">&nbsp;</td>
            <td colspan="2" style="font-weight: normal;">&nbsp;출발도시&nbsp;
                <select name="select" id="select">
                  <option value="인천" selected>인천</option>
                  <option value="김포">김포</option>
                  <option value="서울">서울</option>
                  <option value="양양">양양</option>
                  <option value="울산">울산</option>
                  <option value="여수">여수</option>
                  <option value="포항">포항</option>
                  <option value="제주">제주</option>
                  <option value="강릉">강릉</option>
                  <option value="목포">목포</option>
                </select>
			</td>
            <td colspan="4" style="font-weight: normal;">&nbsp;도착도시&nbsp; 
              <select name="select2" id="select2">
                <option value="전     체" selected>전     체</option>
                <option value="동남아-홍콩">동남아-홍콩</option>
                <option value="동남아-방콕">동남아-방콕</option>
                <option value="동남아-대만">동남아-대만</option>
                <option value="동남아-싱가폴">동남아-싱가폴</option>
                <option value="동남아-마닐라">동남아-마닐라</option>
                <option value="일본-후쿠오카">일본-후쿠오카</option>
                <option value="일본-도쿄(나리타)">일본-도쿄(나리타)</option>
                <option value="일본-도쿄(하네다)">일본-도쿄(하네다)</option>
                <option value="일본-오사카">일본-오사카</option>
                <option value="일본-나고야">일본-나고야</option>
                <option value="중국-북경">중국-북경</option>
                <option value="중국-상해">중국-상해</option>
                <option value="중국-청도">중국-청도</option>
                <option value="중국-광주">중국-광주</option>
                <option value="유럽-프랑크푸르트">유럽-프랑크푸르트</option>
                <option value="유럽-런던">유럽-런던</option>
                <option value="유럽-파리">유럽-파리</option>
                <option value="유럽-로마">유럽-로마</option>
                <option value="유럽-이스탄불">유럽-이스탄불</option>
                <option value="미주-밴쿠버">미주-밴쿠버</option>
                <option value="미주-LA">미주-LA</option>
                <option value="미주-뉴욕">미주-뉴욕</option>
                <option value="미주-샌프란시스코">미주-샌프란시스코</option>
                <option value="미주-시카고">미주-시카고</option>
                <option value="남태평양-시드니">남태평양-시드니</option>
                <option value="남태평양-멜버른">남태평양-멜버른</option>
                <option value="남태평양-브리즈번">남태평양-브리즈번</option>
                <option value="남태평양-오클랜드">남태평양-오클랜드</option>
                <option value="남태평양-괌">남태평양-괌</option>
                <option value="국내-인천">국내-인천</option>
                <option value="국내-김포">국내-김포</option>
                <option value="국내-부산">국내-부산</option>
                <option value="국내-대구">국내-대구</option>
                <option value="국내-제주">국내-제주</option>
            </select></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td height="21">&nbsp;</td>
            <td colspan="3" style="font-weight: normal;">&nbsp;출국일자&nbsp;
            	<input name="fromDt" type="text" id="fromDt" size="15" maxlength="8" title="시작일자"/>
            </td>
            <td colspan="3" style="font-weight: normal;">&nbsp;귀국일자&nbsp;
            	<input name="toDt" type="text" id="toDt" size="15" maxlength="8" title="종료일자" />
            </td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td height="15">&nbsp;</td>
            <td colspan="6"><div align="center">
            	<img src="photo/line.jpg" width="440" height="5" align="middle"></div></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td height="28">&nbsp;</td>
            <td>
              <div align="center" style="font-weight: normal;">성인&nbsp;
                <select name="select3" id="select3">
                  <option value="1명" selected>1명</option>
                  <option value="2명">2명</option>
                  <option value="3명">3명</option>
                  <option value="4명">4명</option>
                  <option value="5명">5명</option>
                  <option value="6명">6명</option>
                </select>
            </div></td>
            <td colspan="3">
              <div align="center" style="font-weight: normal;">소아&nbsp;
                <select name="select4" id="select4">
                  <option value="만12세 미만" selected>만12세 미만</option>
                  <option value="없음">없음</option>
                  <option value="1명">1명</option>
                  <option value="2명">2명</option>
                  <option value="3명">3명</option>
                  <option value="4명">4명</option>
                  <option value="5명">5명</option>
                  <option value="6명">6명</option>
                </select>
            </div></td>
            <td colspan="2">
              <div align="center" style="font-weight: normal;">유아&nbsp;
                <select name="select5" id="select5">
                  <option value="만2세 미만" selected>만2세 미만</option>
                  <option value="없음">없음</option>
                  <option value="1명">1명</option>
                  <option value="2명">2명</option>
                  <option value="3명">3명</option>
                  <option value="4명">4명</option>
                  <option value="5명">5명</option>
                  <option value="6명">6명</option>
                </select>
            </div></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td height="51">&nbsp;</td>
            <td colspan="4" id="seat_0">
              <input type="radio" name="seat" value="일반석" id="seat_" style="font-size: 8pt;">
              <font style="font-weight: normal;">일반석</font>
              <input type="radio" name="seat" value="비지니스석" id="seat_1" style="font-size: 8pt;">
              <font style="font-weight: normal;">비지니스석</font>
              <input type="radio" name="seat" value="일등석" id="seat_2" style="font-size: 8pt;">
              <font style="font-weight: normal;">일등석</font>
            </td>
            <td width="97"><select name="select6" id="select6">
              <option value="모든항공사" selected>모든항공사</option>
              <option value="한국항공">한국항공</option>
              <option value="일본항공">일본항공</option>
              <option value="아시아항공">아시아항공</option>
              <option value="미주항공">미주항공</option>
              <option value="유럽항공">유럽항공</option>
            </select></td>
            <td width="128"><img src="photo/fareInq.jpg" width="128" height="30"></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td height="31">&nbsp;</td>
            <td colspan="3" id="seat_0">&nbsp;</td>
            <td>&nbsp;</td>
            <td colspan="2">&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table>
	  </td>
    </tr>
    <tr>
      <td height="170"><table width="195" height="131" border="0" align="center">
        <tr>
          <td width="179" height="127" background="photo/back_3.jpg"><table width="180" border="0">
            <tr>
              <td><div align="center">
                <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu1','','photo/menu_4.jpg',1)">
                  <img src="photo/menu_1.jpg" name="menu1" width="176" height="35" border="0"></a>
                </div></td>
              </tr>
            <tr>
              <td><div align="center">
                <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu2','','photo/menu_5.jpg',1)">
                  <img src="photo/menu_2.jpg" name="menu2" width="176" height="35" border="0"></a>
                </div></td>
              </tr>
            <tr>
              <td><div align="center">
                <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu3','','photo/menu_6.jpg',1)">
                  <img src="photo/menu_3.jpg" name="menu3" width="176" height="35" border="0"></a>
                </div></td>
              </tr>
            </table></td>
          </tr>
      </table></td>
    </tr>
    <tr>
      <td rowspan="2">
      <div align="center">
        <div>
          <p><img src="photo/munui.jpg" width="202" height="216"></p>
          <p><img src="photo/hotel.jpg" width="202" height="140"></p>
          <p><img src="photo/faq.jpg" width="202" height="323"></p>
        </div>
      </div></td>
      <td height="283" > 
      <div id="TabbedPanels1" class="TabbedPanels">
        <ul class="TabbedPanelsTabGroup"> 
          <li class="TabbedPanelsTab" tabindex="0">
          <a href="#" onMouseOut="MM_swapImgRestore()" 
          onMouseOver="MM_swapImage('1','','photo/tabList/asia1.png',1)">
          <img src="photo/tabList/asia.png" name="1" width="67" height="31" border="0"></a>
          </li>
          <li class="TabbedPanelsTab" tabindex="0">
          <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('2','','photo/tabList/japan1.png',1)">
          	<img src="photo/tabList/japan.png" name="2" width="64" height="30" border="0"></a>
           </li>
          <li class="TabbedPanelsTab" tabindex="0">
          <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('3','','photo/tabList/china1.png',1)">
          	<img src="photo/tabList/china.png" name="3" width="67" height="31" border="0"></a>
          </li>
          <li class="TabbedPanelsTab" tabindex="0">
          <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('4','','photo/tabList/ur1.png',1)">
          	<img src="photo/tabList/ur.png" name="4" width="67" height="31" border="0"></a>
          </li>
          <li class="TabbedPanelsTab" tabindex="0">
          <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('5','','photo/tabList/canada1.png',1)">
          	<img src="photo/tabList/canada.png" name="5" width="69" height="33" border="0"></a>
          </li>
		<li class="TabbedPanelsTab" tabindex="0">
        <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('6','','photo/tabList/dy1.png',1)">
        	<img src="photo/tabList/dy.png" name="6" width="67" height="31" border="0"></a>
         </li>
        </ul>
        <div class="TabbedPanelsContentGroup">
          <div class="TabbedPanelsContent">
            <table width="200" border="0">
              <tr>
                <td>
                    <div align="center">
                   	 <img src="photo/list.jpg" width="755" height="36">
                    </div>
                </td>
                </tr>
              <tr>
                <td><table width="755" height="46">
                  <tr>
                    <td width="103" height="40" align="center"><div align="center">한국항공</div></td>
                    <td width="157"><div align="center">인천(ICN) &gt; 나리타(NRT)</div></td>
                    <td width="88"><div align="center">299,000</div></td>
                    <td width="48"><div align="center">성인</div></td>
                    <td width="47"><div align="center">15일</div></td>
                    <td width="215"><div align="center">2012-12-01 ~ 2013-02-15</div></td>
                    <td width="55"><div align="center"><img src="photo/inq.jpg" width="34" height="16"></div></td>
                    </tr>
                  </table>
                  <img src="photo/line.jpg" width="723" height="5" align="middle"></td>
              </tr>
            </table>
			</div>
          <div class="TabbedPanelsContent">
            <table width="200" border="0">
              <tr>
                <td><div align="center"> <img src="photo/list.jpg" alt="" width="755" height="36"> </div></td>
              </tr>
              <tr>
                <td><table width="755" height="46">
                  <tr>
                    <td width="103" height="40" align="center"><div align="center">한국항공</div></td>
                    <td width="157"><div align="center">인천(ICN) &gt; 나리타(NRT)</div></td>
                    <td width="88"><div align="center">299,000</div></td>
                    <td width="48"><div align="center">성인</div></td>
                    <td width="47"><div align="center">15일</div></td>
                    <td width="215"><div align="center">2012-12-01 ~ 2013-02-15</div></td>
                    <td width="55"><div align="center"><img src="photo/inq.jpg" alt="" width="34" height="16"></div></td>
                  </tr>
                </table>
                  <img src="photo/line.jpg" alt="" width="723" height="5" align="middle"></td>
              </tr>
            </table>
          	
            </div>
          <div class="TabbedPanelsContent">
            <table width="200" border="0">
              <tr>
                <td><div align="center"> <img src="photo/list.jpg" alt="" width="755" height="36"></div></td>
              </tr>
              <tr>
                <td><table width="755" height="46">
                  <tr>
                    <td width="103" height="40" align="center"><div align="center">한국항공</div></td>
                    <td width="157"><div align="center">인천(ICN) &gt; 중국(NRT)</div></td>
                    <td width="88"><div align="center">299,000</div></td>
                    <td width="48"><div align="center">성인</div></td>
                    <td width="47"><div align="center">15일</div></td>
                    <td width="215"><div align="center">2012-12-01 ~ 2013-02-15</div></td>
                    <td width="55"><div align="center"><img src="photo/inq.jpg" alt="" width="34" height="16"></div></td>
                  </tr>
                </table>
                  <img src="photo/line.jpg" alt="" width="723" height="5" align="middle"></td>
              </tr>
            </table>
          
			</div>
          <div class="TabbedPanelsContent">
          	<table width="200" border="0">
          	  <tr>
          	    <td><div align="center"> <img src="photo/list.jpg" alt="" width="755" height="36"></div></td>
        	    </tr>
          	  <tr>
          	    <td><table width="755" height="46">
          	      <tr>
          	        <td width="103" height="40" align="center"><div align="center">한국항공</div></td>
          	        <td width="157"><div align="center">인천(ICN) &gt; 독일(NRT)</div></td>
          	        <td width="88"><div align="center">299,000</div></td>
          	        <td width="48"><div align="center">성인</div></td>
          	        <td width="47"><div align="center">15일</div></td>
          	        <td width="215"><div align="center">2012-12-01 ~ 2013-02-15</div></td>
          	        <td width="55"><div align="center"><img src="photo/inq.jpg" alt="" width="34" height="16"></div></td>
        	        </tr>
        	      </table>
          	      <img src="photo/line.jpg" alt="" width="723" height="5" align="middle"></td>
        	    </tr>
        	  </table>
          </div>
          <div class="TabbedPanelsContent">
          	<table width="200" border="0">
          	  <tr>
          	    <td><div align="center"> <img src="photo/list.jpg" alt="" width="755" height="36"></div></td>
        	    </tr>
          	  <tr>
          	    <td><table width="755" height="46">
          	      <tr>
          	        <td width="103" height="40" align="center"><div align="center">한국항공</div></td>
          	        <td width="157"><div align="center">인천(ICN) &gt; 미국(NRT)</div></td>
          	        <td width="88"><div align="center">299,000</div></td>
          	        <td width="48"><div align="center">성인</div></td>
          	        <td width="47"><div align="center">15일</div></td>
          	        <td width="215"><div align="center">2012-12-01 ~ 2013-02-15</div></td>
          	        <td width="55"><div align="center"><img src="photo/inq.jpg" alt="" width="34" height="16"></div></td>
        	        </tr>
        	      </table>
          	      <img src="photo/line.jpg" alt="" width="723" height="5" align="middle"></td>
        	    </tr>
        	  </table>
          </div>
		  <div class="TabbedPanelsContent">
          	<table width="200" border="0">
          	  <tr>
          	    <td><div align="center"> <img src="photo/list.jpg" alt="" width="755" height="36"></div></td>
        	    </tr>
          	  <tr>
          	    <td><table width="755" height="46">
          	      <tr>
          	        <td width="103" height="40" align="center"><div align="center">한국항공</div></td>
          	        <td width="157"><div align="center">인천(ICN) &gt; 호주(NRT)</div></td>
          	        <td width="88"><div align="center">299,000</div></td>
          	        <td width="48"><div align="center">성인</div></td>
          	        <td width="47"><div align="center">15일</div></td>
          	        <td width="215"><div align="center">2012-12-01 ~ 2013-02-15</div></td>
          	        <td width="55"><div align="center"><img src="photo/inq.jpg" alt="" width="34" height="16"></div></td>
        	        </tr>
        	      </table>
          	      <img src="photo/line.jpg" alt="" width="723" height="5" align="middle"></td>
        	    </tr>
        	  </table>
          </div>
        </div>
      </div>
      </td>
    </tr>
    <tr>
      <td height="159">&nbsp;</td>
    </tr>
  </table>
</div>
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
//-->
</script>
</body>
</html>